import React from 'react';
import ReactDOM from 'react-dom';

/*
事件处理的时候，特别注意this指针问题

1. 可以bind， 缺点是每次渲染都会产生一个新的函数
*/
class VisitButton extends React.Component {
  /*handleClick(){
      console.log(this);
  }*/

  //@babel/plugin-proposal-class-properties
  handleClick = () => { //2. es7 给类的实例增加一个add属性，类实例所私有的，而不是类原型上的
    console.log(this)
  };

  render() {
    return (
      //<button onClick={this.handleClick.bind(this)}>
      <button onClick={this.handleClick}>
        点我吧
      </button>
    )
  }
}

ReactDOM.render(<VisitButton/>, document.getElementById('root'));
